<script setup>
import { reactive } from "vue";
const params = reactive({
  dialogVisible: false,
});
const ok = (val) => {
  params.dialogVisible = val;
};
</script>
<script>
export default {
  name: "Dialog",
};
</script>

<template>
  <div>
    <el-button @click="params.dialogVisible = true">Dialog</el-button>
    <lw-dialog
      :dialogVisible="params.dialogVisible"
      @close="params.dialogVisible = false"
      @cancel="params.dialogVisible = false"
      @ok="ok"
      :icon-props="SuccessFilled"
      :grid-type="'column'"
      :title="'详情报告'"
    >
      <template #text> 测试成功！ </template>
    </lw-dialog>
  </div>
</template>

<style scoped>
:deep(.el-dialog__header) {
  text-align: left;
}
</style>
